<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>离乌人员管理系统</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="row  border-bottom white-bg dashboard-header">

        <div class="col-sm-4">
            <h2>您好,欢迎访问离乌人员信息管理系统界面</h2>
            <br>
            <small>公共二维码：</small>
            <br>
            <br>
            <img th:src="@{/img/qr_code.png}" width="100%" style="max-width:264px;">
            <br>
        </div>
        <div class="col-sm-4">
            <div class="ibox float-e-margins">

            </div>
        </div>
        <div class="col-sm-4">
            <h2>工作人员关联二维码</h2>
            <br>
            <small>离乌人员扫描以下二维码，进行登记申请填报，可以直接关联查询到信息</small>
            <br>
            <br>
            <dev id="qcode"></dev>
            <br>
        </div>

    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-4">

                <div class="ibox float-e-margins">

                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">

                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">

                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script src="../static/js/qrcode.min.js" th:src="@{/js/qrcode.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', 'auto'],
	            content: html
	        });
	    });


        var qrcode = new QRCode(document.getElementById("qcode"), {
            width : 241,
            height : 241
        })
        var uid=[[${uid}]];
        var id="https://xjzd.zxingyun.cn:8089/h5Index?uid="+uid;
        qrcode.makeCode(id.replace("invitation","main"))

    </script>
</body>
</html>
